<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>input类型</title>
</head>
<body>
    <form method="get" action="">
        <p>
            用户名：<input name="name" type="text" size="21"><br>
            密&nbsp;&nbsp;&nbsp;&nbsp;码：<input name="pass" type="password" size="22">
        </p>
        性别：
        <input type="radio" name="gen" value="男" checked="checked">男&nbsp;
        <input type="radio" name="gen" value="女">女
        <p>
            <input type="checkbox" name="interest" value="sports">运动<br>
            <input type="checkbox" name="interest" value="talk" checked>聊天<br>
            <input type="checkbox" name="interest" value="play">玩游戏
        </p>
        <p>
            <input type="month" name=month value="月历">月历<br>
            <input type="date" name="date">日历<br>
            <input type="datetime" name="datetime">日期时间<br>
            <input type="datetime-local" name="localtime">本地时间
            <input type="time" name="time">时间
            <input type="week" name="week">星期
        </p>
        <p>
            <input type="color" name="color">颜色<br>
            <input type="email" name="email">电子邮件<br>
            <input type="file" name="file">文件<br>
            <input type="hidden" name="hidden" value="666">隐藏<br>
            <input type="image" name="image" src="https://raw.githubusercontent.com/mdn/learning-area/master/html/forms/image-type-example/login.png" width="100">图像<br>
            <input type="number" name="number">整型数字<br>
        </p>
        <p>
            <input type="range" name="range">范围<br>
            <input type="reset" name="reset">重置<br>
            <input type="search" name="search">搜索<br>
            <input type="submit" name="submit">提交<br>
            <input type="button" name="button" onclick="alert(this.value)" value="button按钮">按钮
        </p>
        <p>
            <input type="tel" name="tel">电话<br>
            <input type="url" name="url">网址
        </p>
    </form>
</body>
</html>